<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>健康数据</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<link rel="stylesheet" href="../../css/frozen.css">
	<link rel="stylesheet" href="../../css/main.css">
</head>
<body>

<section class="health-con">
	<div class="bgsvg">
		<svg version="1.1" id="ring" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
	 viewBox="0 0 200 200" enable-background="new 0 0 200 200" xml:space="preserve">
		<path id="XMLID_1_" fill="none" stroke="#61C4E5" stroke-width="10" stroke-linecap="round" stroke-miterlimit="10" d="
			M152.346,172.329c17.141-14.822,27.987-36.728,27.987-61.167c0-44.643-36.19-80.833-80.833-80.833s-80.833,36.19-80.833,80.833
			c0,24.439,10.846,46.345,27.987,61.167"/>
		</svg>
	</div>
	<div class="h-ring">
		<p class="r-tit">截至15;26已浏览</p>
		<h2 class="r-num">3689</h2>
		<span class="r-average">平均2850次</span>
		<p class="place">第21名</p>
	</div>

	<div class="hl-btn-grop">
		<button id="signin" class="ui-btn-lg ui-btn-primary fit-defaultbtn">签到</button>
	</div>
</section>

<section class="h-charbox">
	<div class="char">
		<canvas id="chart"></canvas>
	</div>
	<div class="hl-btn-grop">
		<a href="user_health_ranking.html" class="ui-btn-lg ui-btn-primary fit-defaultbtn">排行榜</a>
		<a href="user_health_signin.html" class="ui-btn-lg ui-btn-primary fit-defaultbtn">签到记录</a>
	</div>
</section>


<script src="../../lib/zepto.min.js"></script>
<script src="../../lib/Chart.min.js"></script>
<script src="../../lib/layer.js"></script>
<script src="../../js/frozen.js"></script>
<script src="../../js/main.js"></script>
<script>
	/* [曲线图]健康关注度 */
	var config = {
		type: 'line',
		data: {
			labels : ["5日","6日","7日","8日","9日"],
			datasets : [
				{
					label: "最近5天",
					backgroundColor: 'rgba(46,195,255,.0)',
					borderColor: 'rgba(46,195,255,.8)',
					pointBorderColor: 'rgba(46,195,255,.8)',
					pointBackgroundColor: "#fff",
					data : [65,59,90,81,56]
				}
			]
		},
		options: {
			responsive: true,
			defaultFontSize : 10,
			defaultFontColor : "#666",
			legend: {
				display: false
			},
			scales: {
				xAxes: [{
					display: true
				}],
				yAxes: [{
					display: false
				}]
			}
		}
	};
	window.onload = function() {
		var ctx = document.getElementById("chart").getContext("2d");
		window.myLine = new Chart(ctx, config);
	};

	/* 页面控制 */
	docsize(375);
	/* 签到 */
	signin.init('user.html',{});
</script>
</body>
</html>